﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Bamuca.Master" AutoEventWireup="true" CodeBehind="../Views/Usuarios.aspx.cs" Inherits="Bamuca.Views.Usuarios" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 27%;
        }
        .style2
        {
        }
        #interpanel
        {
            width: 340px;
        }
    </style>
    <link href="../Styles/StyleModal.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   <div id="titulo">   
        <h2>Pesquisa de Usuários</h2>
        <hr style="height: -12px; width: 934px;" />
   </div>

   <div id="geral">
        <br />
       <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
            
            <div id="esquerda" align="left">
            <asp:Panel ID="pnPesquisarUser" runat="server" BorderColor="Gray" BackColor="White" 
                    Width="355px" BorderWidth="1px" Height="350px">
                <div id="interpanel" align="center">               
            
                 <table class="style1">
                     <tr>
                         <td align="right" class="style2">
                             <strong>Nome</strong></td>
                         <td align="left">
                             <asp:ComboBox ID="cmbNome" runat="server" AppendDataBoundItems="True" 
                                 AutoCompleteMode="SuggestAppend" DropDownStyle="DropDownList" 
                                 Width="100px">
                             </asp:ComboBox>
                         </td>
                         <td align="left">
                             <asp:ImageButton ID="ibtnAjuda" runat="server" Height="20px" 
                                 ImageUrl="~/Imagens/btn_ajuda.png" ToolTip="Saber mais..." Width="20px" />
                         </td>
                     </tr>
                     <tr>
                         <td align="left" class="style2" colspan="2">
                             &nbsp;</td>
                         <td align="left" class="style2">
                             &nbsp;</td>
                     </tr>
                     <tr>
                         <td align="right" class="style2">
                             <strong>Status</strong></td>
                         <td align="left">
                             <asp:DropDownList ID="cmbStatus" runat="server" Width="100px">
                             </asp:DropDownList>
                         </td>
                         <td align="left">
                             &nbsp;</td>
                     </tr>
                     <tr>
                         <td align="left" class="style2" colspan="2">
                             &nbsp;</td>
                         <td align="left" class="style2">
                             &nbsp;</td>
                     </tr>
                     <tr>
                         <td align="left" class="style2" colspan="2">
                             <asp:ImageButton ID="ibtnPesquisar" runat="server" Height="30px" 
                                 ImageUrl="~/Imagens/btn_pesquisar.png" onclick="ibtnPesquisar_Click" 
                                 ToolTip="Pesquisar usuári" Width="80px" />
                             &nbsp;<asp:ImageButton ID="ibtnVoltar" runat="server" Height="30px" 
                                 ImageUrl="~/Imagens/btn_voltar.png" onclick="ibtnVoltar_Click" 
                                 ToolTip="Retorna à pagina principal" Width="80px" />
                         </td>
                         <td align="left" class="style2">
                             <asp:ImageButton ID="ibtnIncluirAluno" runat="server" 
                                 ImageUrl="~/Imagens/btn_add.png" onclick="ibtnIncluirAluno_Click" 
                                 ToolTip="Abre a tela de cadastro para inclusão de novo aluno" Width="30px" />
                         </td>
                     </tr>
                </table>
                            <br />
                            
                        <br />
                    <asp:GridView ID="grdUsuarios" runat="server" Height="16px" Width="248px" 
                        onselectedindexchanged="grdUsuarios_SelectedIndexChanged">
                        <AlternatingRowStyle BackColor="#99CCFF" />
                        <EditRowStyle BackColor="White" />
                        <HeaderStyle BackColor="#3827CD" ForeColor="White" HorizontalAlign="Center" 
                            VerticalAlign="Middle" />
                    </asp:GridView>
            </div>
       </asp:Panel>
       </div>

       <asp:ModalPopupExtender ID="ModalAjudaGrupos" runat="server" TargetControlID="ibtnAjuda" BackgroundCssClass="modalPopupFundo" PopupControlID="pnAjuda" CancelControlID="ibtnFechar">
        </asp:ModalPopupExtender>

        <asp:Panel ID="pnAjuda" runat="server" BackColor="White" CssClass="modalPopup"   
                    BorderWidth="1px" BorderColor="Gray" Width="450px" Height="296px" 
                    HorizontalAlign="Center">
            <div id="ajuda" style=" background-image:url('/Imagens/btn_ajudabk.png'); 
                                    background-position: right;
                                    background-repeat: no-repeat;
                                    padding: 10px; height: 236px;" align="right">
                <asp:ImageButton ID="ibtnFechar" runat="server" CausesValidation="False" ImageUrl="~/Imagens/btn_fechar.gif" />
                <br />
                <p align="center">
                A <strong>Pesquisa de Usuários</strong> permite que você procure por<br />
                um usuário específico do sistema para acessar seus dados.<br /><br />
                Para procurar um usuário específico, insira o nome dele <br />
                no campo<strong>"Nome"</strong>, escolha um estado no campo<br />
                <strong>"Status"</strong> e clique no botão <strong>"Pesquisar"</strong>. Uma lista<br />
                será exibida logo abaixo com as informações requisitadas.<br /><br />
                Você poderá editar as informações do usuário clicando no <br />
                botão <strong>"Alterar"</strong> ou inativá-los clicando no botão <strong>"Inativar"</strong>.<br /><br />
                    </p>
            </div>
        </asp:Panel>
       </ContentTemplate>
       </asp:UpdatePanel>     
       </div>
</asp:Content>
